import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import path from 'path';
import Components from 'unplugin-vue-components/vite';
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
import AutoImport from 'unplugin-auto-import/vite';

// 导出配置对象
export default defineConfig({
  base: './',
  plugins: [
    vue(),
    AutoImport({
      resolvers: [ElementPlusResolver()], //自动导入element-plus相关函数
      imports:['vue','vue-router'] //自动导入vue相关函数
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
  resolve: {
    // 配置路径别名
    alias: {
      // 使用 '@' 作为 'src' 目录的别名
      '@': path.resolve(__dirname, 'src'),
    },  
  },
  vue: {
    compilerOptions: {
      isCustomElement(tag) {
        return /^swiper/.test(tag);
      },
    },
  },
  css: {
    preprocessorOptions: {
      less: {
        // 在这里配置全局变量或引入全局样式文件
        // 如果你的全局变量文件是src/assets/styles/global.less
        additionalData: `@import "@/styles/global.less";`,
      },
    },
  },
  build: {
    minify: 'terser',  // 使用 Terser 进行压缩
    terserOptions: {
      compress: {
        drop_console:  true,  // 去掉所有 console.* 调试语句
      },
    },
  }
});